<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/guide1.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		<div class="container ">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide box1" >
						<img src="img/dt1.png">
						<p class="p1">欢迎使用ELLESHOP</p>
						<p class="p2">我的私人买手，我的时尚顾问</p>
					</div>
					<div class="swiper-slide box2" >
						<img src="img/dt2.png">
						<h2>极速购物</h2>
						<p class="p1">零假货海外购物，顺丰包邮</p>
						<p class="p2">全国72小时到货</p>
					</div>
					<div class="swiper-slide box3" >
						<img src="img/dt3.png">
						<h2>时尚顾问</h2>
						<p class="p1">ELLEshop是明星的时尚顾问</p>
						<p class="p2">也是你的私人买手</p>
					</div>
					<div class="swiper-slide box4">
						<img src="img/dt4.png">
						<h2>新款特卖</h2>
						<p class="p1">打折不等于过季，买大牌新款更划算</p>
					</div>
					<div class="swiper-slide box5" >
						<img src="img/dt5.png">
						<h2>一键海淘</h2>
						<p class="p1">告别海外支付/转运/清关的繁琐过程</p>
					</div>
				</div>
				
			
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination  circle">

			</div>
			<!-- <div class="">  <!-- 小圆点 -->
				
			</div> 
			<p class="login">登录</p>  <!--登录-->
			<p class="register">注册</p> <!--注册按钮-->
			<p class="continue">以访客身份继续</p>
		</div>
		<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
		<script>
			var mySwiper = new Swiper('.swiper-container', {
				direction: 'horizontal', // 水平切换选项
				loop: true, // 循环模式选项
		
				// 如果需要分页器
				pagination: {
					el: '.swiper-pagination',
					bulletActiveClass:'my-bullet-active'
				},
		
				// 如果需要前进后退按钮
				navigation: {
				  nextEl: '.swiper-button-next',
				  prevEl: '.swiper-button-prev',
				},
				
				autoplay: {
					delay: 1000,
					stopOnLastSlide: false,
					disableOnInteraction: true,
				},
			})
			
			
		let login=document.querySelector('.login')
		let register=document.querySelector('.register')
		login.onclick=function(){
			location.href='denglu.html'
		}
		register.onclick=function(){
			location.href='zhuce.html'
		}
		</script>
	</body>
</html>
